<template>
	<view class="hotel-view">
		 <swiper class="swiper swip-img" :autoplay="true" :interval="3000" :duration="500" :circular="true">
		 	<swiper-item>
		 		<image src="../../static/images/hehadj.jpg" mode=""></image>
		 	</swiper-item>
		 	<swiper-item>
		 		<image src="../../static/images/bannergy.jpg" mode="" ></image>
		 	</swiper-item>
		 	<swiper-item>
		 		<image src="../../static/images/hohlejd.jpg" mode=""></image>
		 	</swiper-item>
		 </swiper>
		 <view class="Where-sx">
		 	 <view class="search-window">
		 		<view class="search-input" @click="save">
					<text type="" class="iconfont icon-fangdajing"></text> 
					<view>搜索目的地/景点/酒店等</view>
				</view>
				<view class="Location-dizhi">
					<view class="Location-nalu">贵阳市乌当区黎苏路</view>
					<view class="Location-img">
						<text class="iconfont icon-dangqianweizhi"></text>
						<view>当前位置</view>
					</view>
				</view>
				<!-- <Calendar :mode="1" :startDate="'2019-08-01'" :endDate="'2019-08-02'" :themeColor="'#13b1eb'" :preDisabled="preDisabled" :initMonthCount="3" :switchMonth="true" @callback="getDate" /> -->
				<view class="Today-date" id="firstSelect" @click="calen(this)">
					<view class="Today-zhu" >
						<text>入住</text>
						<view>{{start_time}}</view>
						<!-- <input id="startDate" type="text" value=""style="" readonly> -->
					</view>
					<view class="reach-tim">至</view>
					<view class="Today-zhu">
						<text>离店</text>
						<view>{{end_time}}</view>
						<!-- <input id="endDate" type="text" value="" style="" readonly> -->
					</view>
					<view class="Night-er">共<span class="NumDate">{{count_time}}</span>晚</view>
				</view>
				<view class="Try-qlsgy">试试搜：贵阳黔灵山公园</view>
				<view class="input-sous" id="putsearch">
					<input type="button" value="开始搜索" disabled="disabled" @click="iptbtn"/>
				</view>
		 	</view>
			
			<!-- 为您推荐 -->
			 <view>
				<view class="gy-titele">
					为您推荐
				</view>
				<view class="Price-list-ul"> 
					<view class="Price-list-li" @click="listdual">
						<image src="../../static/images/hohlejd.jpg" class="Room-img"/></image>
						<view class="room-money">
							<view class="room-titeli">观云旅业海峡阳光大酒店（林城西路店）</view>
							<view class="room-p">
								<text class="room-pgood">满意度90%</text>
								<text class="room-volume">销量：999</text>
							</view>
							<view class="room-distance">距您直线1km，靠近美乐城</view>
							<view class="Label-tt">
								<view class="Label-btn01">天天特惠</view>
								<view class="Label-btn02">免费取消</view>
							</view>
							<view class="Price-money">
								<view class="Price-money-a">￥</view>
								<view class="Price-money-b">158</view>
								<view class="Price-money-a">起</view>
							</view>
						</view>
					</view>
					<view class="Price-list-li" @click="listdual">
						<image src="../../static/images/hohlejd.jpg" class="Room-img"/></image>
						<view class="room-money">
							<view class="room-titeli">观云旅业海峡阳光大酒店（林城西路店）</view>
							<view class="room-p">
								<text class="room-pgood">满意度90%</text>
								<text class="room-volume">销量：999</text>
							</view>
							<view class="room-distance">距您直线1km，靠近美乐城</view>
							<view class="Label-tt">
								<view class="Label-btn01">天天特惠</view>
								<view class="Label-btn02">免费取消</view>
							</view>
							<view class="Price-money">
								<view class="Price-money-a">￥</view>
								<view class="Price-money-b">158</view>
								<view class="Price-money-a">起</view>
							</view>
						</view>
					</view>
					<view class="Price-list-li" @click="listdual">
						<image src="../../static/images/hohlejd.jpg" class="Room-img"/></image>
						<view class="room-money">
							<view class="room-titeli">观云旅业海峡阳光大酒店（林城西路店）</view>
							<view class="room-p">
								<text class="room-pgood">满意度90%</text>
								<text class="room-volume">销量：999</text>
							</view>
							<view class="room-distance">距您直线1km，靠近美乐城</view>
							<view class="Label-tt">
								<view class="Label-btn01">天天特惠</view>
								<view class="Label-btn02">免费取消</view>
							</view>
							<view class="Price-money">
								<view class="Price-money-a">￥</view>
								<view class="Price-money-b">158</view>
								<view class="Price-money-a">起</view>
							</view>
						</view>
					</view>
				</view>
			</view>
			<view class="seat">
				<!-- 占位 -->
			</view>
		 </view>
		 
	</view>
	
	
</template>

<script>
	// import Calendar from "@/components/mobile-calendar-simple/Calendar.vue";
	import {hotel} from '../../components/hotel/hotel.js';
	export default{
		 data(){
            return {
				start_time:'请选择',
				end_time:'请选择',
				count_time:'1',
            }
        },
		onShow(options) {
			console.log(options); 
			let select_date = uni.getStorageSync("select_date");
			// if (select_date !== undefined) {
			this.start_time = select_date.startDate.month+"月"+select_date.startDate.day+'日';
			this.end_time = select_date.endDate.month+"月"+select_date.endDate.day+'日';
			this.count_time =  select_date.countDays;
			// }
		},
		onLoad(options) {
            console.log(options);
			//1、获取当前日期
			//2、this.start_time = 第一步的内容
			console.log(this.count_time);
        },
		// components:{
		// 	Calendar
		// },
		methods:{
			// 日历
			getDate(date){
				// this.date = date
				console.log(date)
			},
			
			// 搜索框跳转
			save(){
				console.log(123);
				uni.navigateTo({
						url: '../index/search' 
				});
			},
			iptbtn(){
				uni.navigateTo({
					url:'hotel-search'
				})
			},
			listdual(){
				uni.navigateTo({
					url:'hotel-dateils'
				})
			},
			// 日历跳转
			calen(){
				console.log(123);
				uni.navigateTo({
					url: './calendar' 
				});
			}
		}
	}
	
</script>

<style>
	@import url("../../components/hotel/hotel.css");
	@import "../../common/iconfont.css";
	@font-face {
        font-family: 'iconfont';
	    src: url('~@/static/iconfont.ttf');
 }

.seat{
	height: 100upx;
	width: 100%;
}
</style>
